function createSnow() {
    var snow = document.createElement('img');
    var width = document.documentElement.clientWidth;
    var height = document.documentElement.clientHeight;
    // console.log('宽：'+width + ' 高：'+height);
    // Math.random() 获取0~1之间的随机数(不包含1)
    // top 取值范围 0 ~ height
    var top = height * Math.random();
    // left 取值范围 0 ~ width
    var left = width * Math.random();
    // console.log('top='+top + ' left='+left);
    
    snow.src = 'flake.png';
    // 通过js改变元素的样式   设置绝对定位
    snow.style.position = 'absolute';
    // 设置元素距离body顶部的距离
    snow.style.top = top + 'px';
    // 设置元素距离body左边的距离
    snow.style.left = left + 'px';
    // transform 改变，scale 比例
    // 改变元素放大或者缩小的比例，1不变
    snow.style.transform = 'scale(' + Math.random()/2 + ')';                           
    // document.body 找到body标签
    // appendChild() 在标签内部最后的位置添加子元素
    // 在body内部最后的位置添加一个img标签
    document.body.appendChild(snow);

    // 负责让雪花下落
    function down() {
        // 就相当于top = top + 10 
        top += 10 * Math.random();
        left += 10 * Math.random();
        if(top > height){
            top  = -100;
        }
        if(left > width){
            left = -100;
        }

        // 更新雪花的坐标
        snow.style.top = top + 'px';
        snow.style.left = left + 'px';
    }
 setInterval(down,50);
}
for(var i = 0; i < 80; i ++){
    // console.log(i);
    createSnow();
}
var index = 0;
var lis= document.querySelectorAll('li');
for(var i = 0;i<lis.length;i++){
   this.index=i;
    lis[i]=function(){
          li.onmouseover=function(){
          li.style.backgroundColor='#82f0ea';
          li.style.width='90px';
          li.style.height ='90px';
          li.style.borderRadius = '30%';
          li.style.fontfamily ='方正舒体';
      }
    } 
}
 
     
  
